<template>
  <div class="jieshao">
    <video class="jieshao-video" :src="view" controls @click="btnClickA(view)">
      <source :src="view" type="video/mp4" />
    </video>
    <div v-for="item in imgItems" :key="item.id" @click="btnClickA(item.url)">
      <img class="jieshao-img" :src="item.img" alt="" />
    </div>
  </div>
</template>

<script>
export default {
  props: ["view", "imgItems"],
  methods: {
    btnClickA(url) {
      window.location.href = url;
    },
  },
};
</script>

<style scoped>
.jieshao {
    width: 100%;
}
.jieshao-video {
    width: 100%;
}
.jieshao-img {
    width: 100%;
}
</style>
